<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单编辑</title>
    <meta name="description" content="这是一个 table 页面">
    <meta name="keywords" content="table">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/admin.css">
    <style>

        /*表格的样式*/
        .table-head{
            float: left;
            margin-left: 30px;
        }
        /*表头内容的样式*/
        .table-head .th-box{
            position: relative;
            border-top: 1px solid #e3e3e3;
            border-bottom: 1px solid #e3e3e3;
            background: #fcfcfc;
            line-height: 48px;
            font-size: 12px;
            font-weight: 400;
            color: #666;
            text-align: center;
            padding: 0 10px;
            white-space: nowrap;
            vertical-align: middle;
        }
        /*表格内容样式*/
        .table-head .td-box{
            position: relative;
            border-top: 1px solid #e3e3e3;
            border-bottom: 1px solid #e3e3e3;
            background: #fcfcfc;
            line-height: 48px;
            font-size: 12px;
            font-weight: 400;
            color: #666;
            text-align: center;
            padding: 0 10px;
            white-space: nowrap;
            vertical-align: middle;
        }
        /*计算总价的样式*/
        .zongjai{
            border:1px solid #e3e3e3;
            padding: 16px;
            margin-right: 10px;
            font-size: 12px;
            display: flex;
            /*弹性布局*/
            flex-direction: row;
            /*意思是子div全横着排列*/
        }
        /*总价左边部分样式*/
        .zongjai .divleft {
            flex: 4;
            /*意思是横着排占4份*/
            text-align: right;
            padding-right: 16px;
        }
        .bianhang{
            border:1px solid #e3e3e3;
            padding: 16px;
            margin-right: 10px;
            font-size: 12px;
        }
        ul {
            list-style-type: none;
        }
        .zongjai .divleft span {
            color: #7c7c7c;
            opacity: 0.7;
        }
        .zongjai .divleft li {
            height: 32px;
            line-height: 32px;
            margin-bottom: 10px;
        }
        /*总价右边部分样式*/
        .zongjai .divright {
            flex: 1;
            /*占1份*/
        }
        .zongjai .divright li {
            height: 32px;
            line-height: 32px;
            text-align: right;
            margin-bottom: 10px;
        }
        .zongjai .divright .input-body {
            height: 32px;
        }
        .zongjai .divright .input-body input {
            height: 32px;
            text-align: right;
        }
        [v-cloak]{
            display: none;
        }

    </style>
</head>
<body>

<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
    以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar admin-header">
    <div class="am-topbar-brand">
        <strong>三泵订货</strong> <small>后台管理模板</small>
    </div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;" v-cloak>
                    <span class="am-icon-users" id="adminname"></span><span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#" id="tuichu"><span class="am-icon-power-off" ></span> 退出</a></li>
                </ul>
            </li>
            <li><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> 开启全屏</a></li>
        </ul>
    </div>
</header>
<div class="am-cf admin-main" id="box1" >
    <!-- sidebar start -->
    <div class="admin-sidebar" id="daohang">
        <ul class="am-list admin-sidebar-list" id="accordion">
            <li v-if="isShow(27)"><a href="../../管理员.html"><span class="am-icon-user"></span> 管理员设置</a></li>
            <li v-if="isShow(7)"><a href="../../后台主页.html"><span class="am-icon-home"></span> 首页</a></li>
            <li class=" am-panel admin-parent" v-if="isShow(1)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-2'}">
                    <svg id="icon-goods-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z" fill="#A1B8C2"></path><path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z m0 51.2c-30.72 0-51.2 20.48-51.2 51.2v716.8c0 30.72 20.48 51.2 51.2 51.2h716.8c30.72 0 51.2-20.48 51.2-51.2V153.6c0-30.72-20.48-51.2-51.2-51.2H153.6z" fill="#6D8994"></path><path d="M353.28 435.2V460.8c0 97.28 71.68 179.2 158.72 179.2s158.72-81.92 158.72-179.2v-25.6c-5.12-10.24-5.12-15.36-5.12-25.6 0-30.72 20.48-51.2 51.2-51.2s51.2 20.48 51.2 51.2-20.48 51.2-51.2 51.2c0 128-92.16 230.4-204.8 230.4s-204.8-102.4-204.8-230.4c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 10.24 0 15.36-5.12 25.6z" fill="#FFFFFF"></path></svg>
                    商品<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-2">
                    <li v-if="isShow(8)"><a href="/html/wares/商品列表.html">商品列表</a></li>
                    <li v-if="isShow(9)"><a href="/html/wares/基础信息.html">基础信息</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(2)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-3'}">
                    <svg id="icon-sell-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M414.72 1024H153.6c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2z" fill="#A1B8C2"></path><path d="M153.6 1024c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2H153.6z m332.8-102.4c40.96 0 76.8 20.48 102.4 51.2H819.2c30.72 0 51.2-20.48 51.2-51.2V102.4c0-30.72-20.48-51.2-51.2-51.2h-230.4c-25.6 30.72-61.44 51.2-102.4 51.2s-76.8-20.48-102.4-51.2H153.6c-30.72 0-51.2 20.48-51.2 51.2v819.2c0 30.72 20.48 51.2 51.2 51.2h230.4c25.6-30.72 61.44-51.2 102.4-51.2zM768 51.2h51.2v51.2h-51.2V51.2z m0 870.4h51.2v51.2h-51.2v-51.2z m0-768h51.2v102.4h-51.2V153.6z m0 153.6h51.2v102.4h-51.2V307.2z m0 153.6h51.2v102.4h-51.2V460.8z m0 153.6h51.2v102.4h-51.2v-102.4z m0 153.6h51.2v102.4h-51.2v-102.4zM153.6 51.2h51.2v51.2H153.6V51.2z m0 870.4v51.2h51.2v-51.2H153.6zM153.6 153.6h51.2v102.4H153.6V153.6z m0 153.6h51.2v102.4H153.6V307.2z m0 153.6h51.2v102.4H153.6V460.8z m0 153.6h51.2v102.4H153.6v-102.4z m0 153.6h51.2v102.4H153.6v-102.4z" fill="#6D8994"></path><path d="M337.92 225.28l179.2 179.2c10.24 10.24 10.24 25.6 0 35.84-10.24 10.24-25.6 10.24-35.84 0L302.08 261.12c-10.24-10.24-10.24-25.6 0-35.84 10.24-10.24 25.6-10.24 35.84 0z" fill="#FFFFFF"></path><path d="M455.68 404.48l179.2-179.2c10.24-10.24 25.6-10.24 35.84 0 10.24 10.24 10.24 25.6 0 35.84L491.52 440.32c-10.24 10.24-25.6 10.24-35.84 0-10.24-10.24-10.24-25.6 0-35.84z" fill="#FFFFFF"></path><path d="M332.8 409.6h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM332.8 512h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path><path d="M512 409.6v384c0 15.36-10.24 25.6-25.6 25.6s-25.6-10.24-25.6-25.6V409.6h51.2z" fill="#FFFFFF"></path></svg>
                    订单<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-3">
                    <li class=" am-panel admin-parent" v-if="isShow(10)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-1'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>订单管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-3-1">
                            <li><a href="/html/order/订货单.html">订货单</a></li>
                            <li><a href="/html/order/代客下单.html">代客下单</a></li>
                        </ul>
                    </li>

                    <li class=" am-panel admin-parent" v-if="isShow(11)">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-3'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>退货管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-3">
                            <li><a href="/html/order/退货单.html">退货单</a></li>
                            <li><a href="/html/order/新增退货单.html">新增退货单</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(3)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-4'}">
                    <svg id="icon-client-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M609.098914 322.338445l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V1024H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885z" fill="#A1B8C2"></path><path d="M950.184392 975.273503h24.363249c14.617949 0 24.363248 9.745299 24.363248 24.363249s-9.745299 24.363248-24.363248 24.363248H48.744201c-14.617949 0-24.363248-9.745299-24.363249-24.363248s9.745299-24.363248 24.363249-24.363249H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V975.273503zM121.833946 975.273503h438.538472V98.19656c0-9.745299 0-14.617949-4.87265-24.363248-14.617949-19.490599-43.853847-29.235898-68.217096-19.490599L121.833946 239.503401V975.273503z m487.264968 0h292.358982v-428.793172l-292.358982-165.670089V975.273503z" fill="#6D8994"></path><path d="M730.915157 634.188025c14.617949 0 24.363248 9.745299 24.363248 24.363249v97.452993c0 14.617949-9.745299 24.363248-24.363248 24.363249s-24.363248-9.745299-24.363249-24.363249v-97.452993c0-14.617949 9.745299-24.363248 24.363249-24.363249zM341.103182 244.376051c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248S316.739933 380.810242 316.739933 366.192293v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 488.008535c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 731.641019c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248z" fill="#FFFFFF"></path></svg>
                    客户<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-4">
                    <li v-if="isShow(12)"><a href="/html/customer/客户列表.html">客户列表</a></li>
                    <li v-if="isShow(13)"><a href="/html/customer/客户分布.html">客户分布</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(4)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-5'}">
                    <svg id="icon-warehouse-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z" fill="#A1B8C2"></path><path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z m0-51.2v-102.4h614.4v102.4h102.4V486.4C921.6 245.76 737.28 51.2 512 51.2S102.4 245.76 102.4 486.4V972.8h102.4z m25.6-204.8h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 665.6h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM230.4 563.2h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#6D8994"></path><path d="M230.4 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM588.8 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z" fill="#FFFFFF"></path></svg>
                    仓库<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-5">
                    <li v-if="isShow(14)"><a href="/html/warehouse/商品出库.html">商品出库</a></li>
                    <li v-if="isShow(15)"><a href="/html/warehouse/商品入库.html">商品入库</a></li>
                    <li v-if="isShow(16)"><a href="/html/warehouse/商品库存.html">商品库存</a></li>
                    <li v-if="isShow(17)"><a href="/html/warehouse/库存调拨.html">库存调拨</a></li>
                    <li v-if="isShow(18)"><a href="/html/warehouse/出入库明细.html">出入库明细</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(5)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-6'}">
                    <svg id="icon-purchase-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z" fill="#A1B8C2"></path><path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z m0 51.2l81.92 522.24c5.12 25.6 25.6 40.96 51.2 40.96h645.12c25.6 0 46.08-20.48 51.2-40.96L962.56 358.4H61.44z" fill="#6D8994"></path><path d="M481.28 512v286.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6V512c0-15.36-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6zM230.4 517.12l30.72 286.72c0 15.36 15.36 25.6 25.6 20.48 15.36 0 25.6-15.36 20.48-25.6l-25.6-291.84c0-15.36-15.36-25.6-25.6-20.48-15.36 0-25.6 15.36-25.6 30.72zM783.36 517.12l-30.72 286.72c0 15.36-15.36 25.6-25.6 20.48-15.36 0-25.6-15.36-20.48-25.6l30.72-286.72c0-15.36 15.36-25.6 25.6-20.48 10.24-5.12 20.48 10.24 20.48 25.6z" fill="#FFFFFF"></path><path d="M358.4 102.4h307.2c20.48 0 35.84 10.24 46.08 30.72L819.2 358.4H204.8l107.52-225.28c10.24-20.48 25.6-30.72 46.08-30.72z m307.2 51.2H358.4L286.72 307.2h450.56L665.6 153.6z" fill="#6D8994"></path></svg>                    采购<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-6">
                    <li v-if="isShow(19)"><a href="/html/purchase/采购订单.html">采购订单</a></li>
                    <li v-if="isShow(20)"><a href="/html/purchase/采购退货.html">采购退货</a></li>
                    <li v-if="isShow(21)"><a href="/html/purchase/供应商管理.html">供应商管理</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent" v-if="isShow(6)">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-7'}">
                    <svg id="icon-finance-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px"><path d="M409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#A1B8C2"></path><path d="M563.086486 204.345943c0-15.325946 5.108649-25.543243 15.325946-35.76054l81.738377-81.738377c-5.108649-20.434594-25.543243-35.76054-45.977837-35.76054-30.651891 0-51.086486 20.434594-51.086486 51.086486 0 66.412432-102.172972 66.412432-102.172972 0 0-30.651891-20.434594-51.086486-51.086486-51.086486-20.434594 0-40.869189 15.325946-45.977837 30.651891l81.738377 81.738378c10.217297 15.325946 15.325946 25.543243 15.325946 40.869188h102.172972z m35.76054 51.086486H425.152974h-5.108648c-10.217297 10.217297-25.543243 15.325946-35.760541 25.543243-40.869189 25.543243-81.738377 61.303783-117.498917 91.955675-102.172972 102.172972-163.476755 214.56324-163.476755 332.062157 0 112.390269 56.195134 183.911349 158.368106 224.780538 35.76054 15.325946 76.629729 25.543243 117.498918 30.651892 25.543243 5.108649 40.869189 5.108649 56.195134 5.108648H578.412432c10.217297 0 25.543243-5.108649 40.869188-5.108648 45.977837-10.217297 86.847026-20.434594 132.824863-40.869189 112.390269-45.977837 173.694052-117.498917 173.694052-209.454592 0-102.172972-61.303783-214.56324-163.476754-321.844861-35.76054-40.869189-76.629729-71.52108-117.498918-102.172971-20.434594-10.217297-30.651891-20.434594-45.977837-30.651892zM409.827028 204.345943L307.654057 102.172972c0-56.195134 45.977837-102.172972 102.172971-102.172972s102.172972 45.977837 102.172972 102.172972c0-56.195134 45.977837-102.172972 102.172972-102.172972s102.172972 45.977837 102.172971 102.172972l-102.172971 102.172971s357.605401 229.889186 357.6054 505.75621-408.691887 311.627564-408.691886 311.627564c-61.303783 5.108649-137.933512 0-137.933512 0S52.221628 1011.512419 52.221628 704.993504 409.827028 204.345943 409.827028 204.345943z" fill="#6D8994"></path><path d="M501.782703 561.951344h137.933512c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v51.086486h127.716215c15.325946 0 25.543243 10.217297 25.543242 25.543243s-10.217297 25.543243-25.543242 25.543243H512v127.716214c0 15.325946-10.217297 25.543243-25.543243 25.543243s-25.543243-10.217297-25.543243-25.543243V715.210802H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243H460.913514v-51.086486H333.1973c-15.325946 0-25.543243-10.217297-25.543243-25.543243s10.217297-25.543243 25.543243-25.543243h137.933511l-102.172971-107.28162c-10.217297-10.217297-10.217297-30.651891-5.108649-40.869189s25.543243-10.217297 35.76054 0l86.847026 91.955675 86.847026-91.955675c10.217297-5.108649 25.543243-5.108649 35.76054 0 5.108649 10.217297 5.108649 30.651891 0 40.869189L501.782703 561.951344z" fill="#FFFFFF"></path></svg>
                    财务<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-7">
                    <li v-if="isShow(22)"><a href="/html/finance/收款单.html">收款单</a></li>
                    <li v-if="isShow(23)"><a href="/html/finance/付款单.html">付款单</a></li>
                    <li v-if="isShow(24)"><a href="/html/finance/收支流水.html">收支流水</a></li>
                    <li v-if="isShow(25)"><a href="/html/finance/客户对账.html">客户对账</a></li>
                    <li v-if="isShow(26)"><a href="/html/finance/资金账户.html">资金账户</a></li>
                </ul>
            </li>

        </ul>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-bookmark"></span> 公告</p>
                <p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
            </div>
        </div>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-tag"></span> wiki</p>
                <p>Welcome to the Amaze UI wiki!</p>
            </div>
        </div>
    </div>
    <!-- sidebar end -->
    <!-- content start -->
    <div class="admin-content">
        <div class="am-cf am-padding">
            <div class="cont-breadcrumb fix ng-scope">
                <div class="breadcrumb-left">
                    <div class="breadcrumb-cont">
                        <strong class="am-text-primary am-text-lg">订单</strong>/
                        <span>订单编辑</span>
                        <!-- end ngRepeat: item in ::crumbs -->

                    </div>
                </div>
            </div>
        </div>


        <form method="post" action="">
            <hr/>
            <div class="am-g">
                <div class="col-lg-2">
                    <p style="text-align: center">客户</p>
                </div>
                <div class="col-lg-10">
                    <p>
                        <input type="text" disabled size="1" style="width: 400px " :value="User.name">
                    </p>
                </div>

                <div class="table-head col-md-12" >
                    <h3><h2 style="display: inline-block">|</h2> 订货清单</h3>

                    <div  class="am-g am-margin-top" style="margin-right: 10px">
                        <div  class="am-g am-margin-top">
                            <!--                <table  class="am-table-centered am-center am-table am-table-striped am-table-hover table-main">-->
                            <table class="am-table am-table-bd">
                                <thead>
                                <tr class="am-g">
                                    <th class=" col-md-2 am-text-middle th-box">序号</th>
                                    <th class="table-date col-md-1 am-text-middle th-box">规格图</th>
                                    <th class="table-title col-md-2 am-text-middle th-box">商品名称/商品编号</th>
                                    <th class="table-type col-md-1 am-text-middle th-box">数量</th>
                                    <th class="table-author col-md-1 am-text-middle th-box">单价</th>
                                    <th class="table-author col-md-2 am-text-middle th-box">单位</th>
                                    <th class="table-set col-md-1 am-text-middle th-box">小计</th>
                                    <th class="table-set col-md-2 am-text-middle th-box">备注</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="am-g"  v-for="(val,i,index) in Wares">
                                    <td class="td-box">{{index+1}}</td>
                                    <td class="td-box"><img :src="'http://192.168.2.80:5050/images/tpo/'+val.log" /></td>
                                    <td class="td-box">{{val.name}}/{{val.id}}</td>
                                    <td class="td-box"><input  type="number" @change="changeQuantity()"  class="num" v-model="val.quantity" :oninput="oninput(val.quantity,val.kstock,i)"></td>
                                    <td class="td-box"  ><span class="td1">{{val.bPrice}}</span></td>
                                    <td class="td-box">{{val.unit}}</td>
                                    <td class="td-box"><span class="span1">{{val.quantity==null ? 0 : val.bPrice * val.quantity}}</span></td><!--//??疑问vue的标签是否能直接动态改变数组对象中的属性值-->
                                    <td class="td-box"><input type="text"  v-model="val.remark"></td>
                                </tr>


                                <tr class="am-g">
                                    <td colspan="8" class="th-box"><a id="doc-confirm-toggle" @click="show1()"><span class="am-icon-plus"></span>添加采购清单</a></td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--总价计算开始-->
                    <div class="zongjai">
                        <div class="divleft">
                            <ul>
                                <li><span >（商品总数量：{{quantitySum}}）</span>商品总额：</li>
                                <li>运费：</li>
                                <li>订单总额：</li>
                                <!--                <li>订单特批价：</li>-->
                            </ul>
                        </div>
                        <div class="divright">
                            <ul>
                                <li><span >￥{{totalSum}}</span></li>
                                <li><div class="input-body">
                                    <input type="number" min="0"  maxlength="60" @change="changeQuantity()" v-model="deliveryCost" placeholder="请输入配送费用" >
                                </div></li>
                                <li><span >￥{{amount}}</span></li>
                                <!--                <li><div class="input-body">-->
                                <!--                    <input type="input" maxlength="60" v-model="" placeholder="请输入订单报价" >-->
                                <!--                </div></li>-->
                            </ul>
                        </div>
                    </div>
                    <!--总价计算结束-->
                    <div class="am-form am-form-horizontal bianhang">

                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="col-sm-2 am-form-label">收货地址</label>
                            <div class="col-sm-10">
                                <!--<input type="email" id="doc-ipt-2" placeholder="输入你的电子邮件" style="width: 400px">-->
                                <span style="position: relative;top: 8px;">
                    <span>{{userAddress}}</span>
                    <a  href="javascript:void (0)" id="doc-confirm-toggledizhi" @click="show2()">
                        <span v-show="User!=0" class="am-icon-edit am-icon-sm"></span>
                        <label v-show="userAddress=='' && User!=0">添加收货地址</label>
                        <label v-show="userAddress!=''">修改收货地址</label>
                    </a>
                </span>
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="doc-ipt-3"  class="col-sm-2 am-form-label">交货日期</label>
                            <div class="col-sm-10">
                                <input type="date"  v-model="planDate" id="doc-ipt-3" placeholder="请输入交货日期" style="width: 400px">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="doc-ipt-pwd-2" class="col-sm-2 am-form-label">备注说明</label>
                            <div class="col-sm-10">
                                <input type="text" v-model="remark0" id="doc-ipt-pwd-2" placeholder="填写一些说明" style="width: 400px">
                            </div>
                        </div>

                    </div>

                    <!--保存开始-->
                    <div class="am-btn-group" style="position: absolute;right: 5px">
                        <button class="am-btn am-btn-default"  @click="no()" type="reset">取消</button>
                        <span> </span>
                        <button class="am-btn am-btn-secondary" type="button" @click="yes()">保存</button>
                    </div>
                    <!--保存结束-->

                </div>
            </div>

            <!-- 地址框开始-->
            <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirmdizhi" style="width: 700px;" >
                <div class="am-modal-dialog">
                    <div class="am-modal-hd" style="background-color: #e30001;">选择收货地址</div>
                    <div class="am-modal-bd" style="flex-direction: row;position: relative;">
                        <div style="position: absolute;right: 3px;top: 8px;cursor: pointer">
                            <a id="doc-confirm-toggletianjiadizhi" @click="show3()" class="am-btn am-btn-warning" >
                                +新增收货地址
                            </a>
                        </div>
                    </div>
                    <br/>
                    <br/>
                    <div style="flex-direction: column; border:1px solid #e3e3e3;" >
                        <div>
                            <table class="am-table">
                                <thead>
                                <tr>
                                    <th></th>
                                    <th>收货人</th>
                                    <th>联系电话</th>
                                    <th>固定电话</th>
                                    <th>所在地区</th>
                                    <th>详细地址</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr v-for="val in addressList" class="am-active">
                                    <td><input @click="getAddress(val)" v-model="userAddress" name="dizhixuhao" type="radio" :value="val.dq+val.address"></td>
                                    <td>{{val.man}}</td>
                                    <td>{{val.sj}}</td>
                                    <td>{{val.dh}}</td>
                                    <td>{{val.dq}}</td>
                                    <td>{{val.address}}</td>
                                    <td>
                                        <a @click="deleteAddress(val.id)" href="javascript:void(0)">删除</a>
                                        <a @click="updateAddress(val)" href="javascript:void(0)">编辑</a>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                        <div>

                        </div>
                    </div>


                    <div class="am-modal-footer">
                        <span class="am-modal-btn"  data-am-modal-cancel >取消</span>
                        <span class="am-modal-btn" data-am-modal-confirm >确定</span>
                    </div>
                </div>
            </div>
            <!--地址框结束-->

        </form>
    </div>
    <!-- content end -->
    <footer>
        <hr>
        <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </footer>
</div>
<!--新增收货地址开始-->
<div class="am-modal am-modal-confirm" tabindex="-1" id="box2" >
    <div class="am-modal-dialog">

        <div class="pop-head tc">
            <div class="pop-tit" style="background-color: rgba(0,0,0,0.3)">新增收货地址</div>
            <hr/>
        </div>

        <div class="am-g">
            <div class="col-md-12">
                <div >
                    <!--                        <table class="am-center am-table am-table-striped am-table-hover table-main">-->
                    <form class="am-form am-form-horizontal col-sm-12">
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="col-sm-3 am-form-label">收货人</label>
                            <div class="col-sm-7">
                                <input type="text" id="doc-ipt-1" v-model="man" placeholder="请输入收货人">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="col-sm-3 am-form-label">联系电话</label>
                            <div class="col-sm-7">
                                <input type="number"  min="7" max="11"  id="doc-ipt-2"  v-model="sj" placeholder="输入你的联系电话" oninput="if(value.length>11)value=value.slice(0,11)">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3"  class="col-sm-3 am-form-label">固定电话</label>
                            <div class="col-sm-7">
                                <input type="number" min="7" max="11"  v-model="dh"  placeholder="输入你的固定电话"  oninput="if(value.length>7)value=value.slice(0,7)">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3"  class="col-sm-3 am-form-label">所在省份</label>
                            <div class="col-sm-7">
                                <input type="text"  v-model="dq" placeholder="输入你的所在地区">
                            </div>
                        </div>
                        <div class="am-form-group">
                            <label for="doc-ipt-3" class="col-sm-3 am-form-label">详细地址</label>
                            <div class="col-sm-7">
                                <input type="text"  v-model="address"  placeholder="输入你的详细地址">
                            </div>
                        </div>

                        <table class="am-fr">
                            <tr>
                                <td><span class="am-modal-btn"  data-am-modal-cancel>取消</span></td>
                                <td v-show="see"><span class="am-modal-btn" @click="insertAddress()" data-am-modal-confirm>确定</span></td>
                                <td v-show="!see"><span class="am-modal-btn" @click="updateAddress()" data-am-modal-confirm>确定</span></td>
                            </tr>
                        </table>
                    </form>
                </div>

            </div>
        </div>


    </div>
</div>
<!--新增收货地址结束-->

<!--弹窗开始-->
<div class="am-modal am-modal-confirm" style="width: 700px;position: absolute;top: 320px;left: 650px" tabindex="-1" id="my-confirm">
    <div class="am-modal-dialog">
        <div class="admin-content col-md-10">
            <div class="am-cf am-padding">
                <div class="am-fl am-cf">
                    <strong class="am-text-primary am-text-lg">商品规格</strong>
                    <small></small>
                </div>
            </div>

            <div>
                <div style="vertical-align: middle" class="col-md-5 am-cf">
                    <div class="am-fr">
                        <div class="am-input-group am-input-group-sm">
                            <input  class="am-form-field" type="text" v-model="condition" placeholder="请输入商品名称">
                            <span class="am-input-group-btn">
                              <button class="am-btn am-btn-default" @click="click()" type="button">搜索</button>
                            </span>
                        </div>
                    </div>
                </div>

                <div style="vertical-align: middle" class="am-form-group am-margin-left am-fl">
                    <select @change="changeClass()" v-model="classId" >
                        <option value="0" >选择分类</option>
                        <option v-for="val in waresClass" :value="val.id">{{val.name}}</option>
                    </select>
                </div>


                <div style="vertical-align: middle" class="am-form-group am-margin-left am-fl">
                    <select @change="changeClass()"  v-model="supplier">
                        <option  value="0">请选择供应商</option>
                        <option v-for="val in purchase" :value="val.id">{{val.name}}</option>
                    </select>
                </div>

            </div>


            <div class="am-g">
                <div class="col-md-12">
                    <div class="">
                        <!--                        <table class="am-center am-table am-table-striped am-table-hover table-main">-->
                        <table class="am-table am-table-striped am-table-hover table-main">

                            <thead>
                            <tr>
                                <th class="table-type"><label>+</label></th>
                                <th class="table-title">商品名称</th>
                                <th class="table-type">单价</th>
                                <th class="table-author">单位</th>
                                <th class="table-date">可用库存</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!--               子元素中部对齐父元素中部         style="vertical-align: middle "-->
                            <tr v-for="(val,i) in waresList"  id="tr">
                                <td class="table-check"><input @click="chex(val,$event)" name="waresCheckbox" type="checkbox"  v-model="waresID" :value="val.id"></td>
                                <td>{{val.name}}</td>
                                <td>{{val.bPrice}}</td>
                                <td>{{val.unit}}</td>
                                <td>{{val.kstock == null ? 0 : val.kstock}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="am-cf" id="danju">
                        <span v-if="total==0">没有找到相关账单！！！</span>
                        <div class="am-fr">
                            <ul class="am-pagination" >
                                <li><a href="javascript:void(0)" @click="qian()">«</a></li>
                                <li><a href="javascript:void(0)" @click="chaxun(1,pageSize)">首页</a></li>
                                <li v-for="num in navigatepageNums" :class="num==pageNum?'am-active':'asdf'"><a href="javascript:void(0)"  @click="chaxun(num,pageSize)">{{num}}</a></li>
                                <li><a href="javascript:void(0)" @click="chaxun(pages,pageSize)"> 尾页</a></li>
                                <li><a href="javascript:void(0)" @click="hou()">»</a></li>
                            </ul>
                        </div>
                    </div>
                    <hr>
                </div>

            </div>


        </div>

    </div>

</div>
<!--弹窗结束-->

<script src="../../assets/js/zepto.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script src="../../assets/js/app.js"></script>
<script>

    // $('#doc-confirm-toggle').on('click', function() {
    //     $('#my-confirm').modal({
    //         relatedElement: this,
    //         onConfirm: function() {
    //             // alert('你是猴子派来的逗比!')
    //         },
    //         onCancel: function() {
    //             // alert('你不确定是不是猴子派来的逗比!')
    //         }
    //     });
    // });
    // function baocun() {
    //     alert("验证后，保存操作")
    // }


    // // 地址选择
    // $('#doc-confirm-toggledizhi').on('click', function() {
    //     $('#my-confirmdizhi').modal({
    //         relatedElement: this,
    //         onConfirm: function() {
    //             // alert('!')
    //         },
    //         onCancel: function() {
    //             // alert('确定!')
    //         }
    //     });
    // });
    //新增收货地址
    // $('#doc-confirm-toggletianjiadizhi').on('click', function() {
    //     $("#my-confirmdizhi").hide();
    //     $('#my-confirmtianjiadizhi').modal({
    //         relatedElement: this,
    //         onConfirm: function() {
    //             // alert('!')
    //         },
    //         onCancel: function() {
    //             // alert('确定!')
    //         }
    //     });
    // });

</script>
<script src="../../js/vue.js"></script>
<script src="../../js/axios.min.js"></script>

<script src="../../js/qiandel.js"></script>
<script>
    var id = sessionStorage["upDateOrderId"]; //订单id
    var code = sessionStorage["upDateOrderCode"]; //订单号

    var vue1 = new Vue({
        el:"#box1",
        data:{
            User:{},//用户
            Wares:{},//展示清单 商品对象Map集合
            defaultWarehouse:0,//默认仓库 houseId
            userId:0,//用户id
            amount:0,//订单总价
            planDate:"", //预期交货日期
            deliveryCost:0,//配送费
            addressee:"",//收件人
            phone:"",//联系电话
            userAddress:"", //所选的收货地址  address
            remark0:"",//备注
            addressList:[],//地址list集合
            order:{}, // 订单对象
            //明细
            detailList:[],//明细集合
            quantitySum:"", // 商品数总量
            totalSum:"", // 商品总额
        },
        methods:{
            selectOrder(){//根据订单号查询订单
                axios.get("/order/SelectOrder",{params:{id:id}}).then(res=>{
                    vue1.order = res.data;
                    vue1.userAddress = vue1.order.address
                    var data = new Date(vue1.order.planDate)
                    vue1.planDate = data.getFullYear() + "-" + (parseInt(data.getMonth()) + parseInt(1) >= 10 ? (parseInt(data.getMonth())+parseInt(1)) : "0"+(parseInt(data.getMonth())+parseInt(1)))+ "-" + data.getDate()
                    vue1.deliveryCost = vue1.order.deliveryCost
                    vue1.remark0 = vue1.order.remark
                })
            },
            OrderUser(){ //根据订单id查询到用户
                axios.get("/order/OrderUser",{params:{orderId:id}}).then(res=>{
                    vue1.User = res.data
                    vue1.userId = vue1.User.id
                    vue1.defaultWarehouse = vue1.User.defaultWarehouse
                    vm.defaultWarehouse = vue1.defaultWarehouse
                    vue1.selectOrder()
                    vm.chaxun(1,5);
                    vue1.selectDetailList()
                })
            },
            selectDetailList(){ //根据订单号联合查询商品到 ShowWares 清单对象
                axios.get("/order/SelectDetailList",{params:{orderId:code,type:1}}).then(res=>{
                    if(res.data != null && res.data !== '') {
                        $.each(res.data, function (i, val) {
                            // vue1.Wares[val.id] = val //这个不触发vue 的刷新
                            val.remark = val.brand
                            Vue.set(vue1.Wares,val.id,val) //set  get 会触发
                            vm.waresID[i] = val.id
                        })
                    }
                })
            },
            show1(){ //添加清单弹框
                $('#my-confirm').modal({
                    relatedElement: this,
                    onConfirm: function() {
                    },
                    onCancel: function() {
                    }
                });
            },
            show2(){//地址选择弹框
                vue1.SelectUseraddressList();
                $('#my-confirmdizhi').modal({
                    relatedElement: this,
                    onConfirm: function() {
                        // alert('!')
                    },
                    onCancel: function() {
                        // alert('确定!')
                    }
                });
            },
            show3(){ //新增收货地址弹框
                $("#my-confirmdizhi").hide();
                $('#box2').modal({
                    relatedElement: this,
                    onConfirm: function() {
                        // alert('!')
                    },
                    onCancel: function() {
                        // alert('确定!')
                    }
                });
            },
            SelectUseraddressList(){//联合查询地址客户
                axios.get("/order/SelectUseraddressList",{params:{uid:vue1.User.id}}).then(res=>{
                    vue1.addressList = res.data;
                }).catch(err=>{
                    alert("响应失败2")
                })
            },
            deleteAddress(id){
                axios.get("/order/DeleteAddress",{params:{pageNum:this.pageNum,}}).then(res=>{
                    if(res.data>0){
                        alert("删除成功")
                        vue1.SelectUseraddressList()
                    }else {
                        alert("删除失败")
                    }
                }).catch(err=>{
                    alert("响应失败2")
                })
            },
            updateAddress(address){
                vue2.see = false;
                vue1.show3();
                vue2.update(address);
            },
            getAddress(val){//得到收货地址对象
                vue1.addressee = val.man;
                vue1.phone = val.sj;
            },
            insertOrder(){//修改订单
                //
                var order = {}
                var list = []
                $.each(vue1.Wares,function (i,value) {
                    value.total = value.quantity * value.bPrice
                    value.type = 1
                    value.wa_spId = value.id
                    list.push(value)
                })
                order.id = vue1.order.id
                order.code = vue1.order.code
                order.houseId = this.defaultWarehouse
                order.userId = this.userId
                order.amount = this.amount
                order.planDate = this.planDate+" 00:00:00"
                order.deliveryCost = this.deliveryCost
                order.addressee = this.addressee
                order.phone = this.phone
                order.address = this.userAddress
                order.remark = this.remark0
                order.list = list
                axios({
                    method:"POST",
                    url:"/order/UpdateOrder",
                    data:order,
                }).then(res=>{
                        window.location.href = "订货单.html";
                }).catch(err=>{
                    alert("修改订单响应失败")
                })
            },
            no(){
                window.location.href = "订货单.html";
            },
            yes(){
                vue1.insertOrder();
            },
            oninput(quantity, kstock, i){//数量限制在最大可用库存  quantity,kstock,index
                if(quantity > kstock){
                    vue1.Wares[i].quantity = kstock
                }else if(quantity < 0){
                    vue1.Wares[i].quantity = 1
                }
            },
            changeQuantity(){ //数量改变了,重新计算
                var num = $(".num");
                var jia = $(".td1")
                var $span = $(".span1");
                var total = 0;
                var sum = 0;
                for(var i = 0; i<num.length; i++){
                    if(num[i].value != null && num[i].value != ''){
                        sum = parseFloat(sum) + parseFloat(num[i].value)
                        total = parseFloat(total) + parseFloat($span[i].innerHTML)
                    }
                }
                vue1.quantitySum = parseFloat(sum) // 得到计算的总商品数量
                vue1.totalSum = parseFloat(total) // 得到计算的商品总金额
                vue1.amount = parseFloat(vue1.deliveryCost) + parseFloat(vue1.totalSum)
            },

        },
        mounted() {
            // vue1.userId = id //编辑的订单id
            this.OrderUser();
        },


    })


    var vue2 = new Vue({
        el:"#box2",
        data:{
            man:"",
            sj:"",
            dh:"",
            dq:"",
            address:"",
            id:0,
            see:true,
        },
        methods: {
            insertAddress(){ //新增地址
                axios.post("/order/InsertAddress",{'address':vue2.address,'user':vue1.userId,'man':vue2.man,'sj':vue2.sj,'dh':vue2.dh,'dq':vue2.dq}).then(res=>{
                    if(res.data>0){
                        alert("添加成功!")
                        vue2.man = ""
                        vue2.sj = ""
                        vue2.dh = ""
                        vue2.dq = ""
                        vue2.address = ""
                    }else {
                        alert("添加失败!")
                    }
                }).catch(err=>{
                    alert("响应失败2")
                })
            },
            update(address){ //修改地址
                vue2.man =address.man;
                vue2.sj = address.sj;
                vue2.dh = address.dh;
                vue2.dq = address.dq;
                vue2.address = address.address;
                vue2.id = address.id
            },
            updateAddress(){
                axios.post("/order/UpdateAddress",{'address':vue2.address,'user':vue1.userId,'man':vue2.man,'sj':vue2.sj,'dh':vue2.dh,'dq':vue2.dq,'id':vue2.id}).then(res=>{
                    if(res.data>0){
                        alert("修改成功!")
                        vue2.man = ""
                        vue2.sj = ""
                        vue2.dh = ""
                        vue2.dq = ""
                        vue2.address = ""
                    }else {
                        alert("修改失败!")
                    }
                })
            }

        },
    })


    //分页
    var vm=new Vue({
        el:"#my-confirm",
        data:{
            pageNum:0,
            pageSize:0,
            //总条数
            total:0,
            //总页数
            pages:0,
            isFirstPage:false,
            isLastPage:false,
            hasPreviousPage:false,
            hasNextPage:false,
            //所有导航页号
            navigatepageNums:[],
            list:[],
            condition:"", //搜索框特查
            waresList:[],//商品集合
            waresClass:[],//商品分类
            classId:0,//分类id
            purchase:[],//供应商集合
            supplier:0,//供应商id
            waresID:[],//记录被选中的复选框(里面存的是 联合商品查询对象的id 然后复选框的绑定 value 会和这个数组比较里面是否存在,存在就表示选择)
            defaultWarehouse:0,//客户查看商品仓库
        },
        methods:{
            chaxun(pageNum,pageSize){// 查询商品列表
                var state = true
                if(state) {
                    // alert(this.danjuzhuangtai);
                    axios.post("/wares/getWaresList2", {
                        pageNum: pageNum,
                        pageSize: pageSize,
                        sort: this.classId,
                        condition: this.condition,
                        supplier: this.supplier,
                        houseId: this.defaultWarehouse
                    }).then(res => {
                        vm.waresList = res.data.obj.list;
                        this.pageNum = parseInt(res.data.obj.pageNum);
                        this.pageSize = parseInt(res.data.obj.pageSize);
                        this.total = parseInt(res.data.obj.total);
                        this.pages = parseInt(res.data.obj.pages);
                        this.isFirstPage = res.data.obj.isFirstPage;
                        this.isLastPage = res.data.obj.isLastPage;
                        this.hasPreviousPage = res.data.obj.hasPreviousPage;
                        this.hasNextPage = res.data.obj.hasNextPage;
                        this.navigatepageNums = res.data.obj.navigatepageNums;
                        vm.selectgetSort();
                        vm.selectPurchase()
                    }).catch(err => {
                        alert("失败！" + err)
                    })
                }
            },
            //上一页
            qian(){
                if(this.hasPreviousPage==true){
                    // alert("上一页")
                    //表示有上一页
                    this.chaxun(this.pageNum-1,this.pageSize);
                }
            },
            //下一页
            hou(){
                if(this.hasNextPage==true){
                    this.chaxun(this.pageNum+1,this.pageSize);
                }
            },
            //搜索框@click
            sousuo(){
                this.chaxun(this.pageNum,this.pageSize);
            },
            selectgetSort(){//查询分类
                axios.post("/wares/getSort",{level:1}).then(res=>{
                    vm.waresClass = res.data.obj;
                })
            },
            changeClass(){
                this.chaxun(1,5)
            },
            click(){
                this.chaxun(1,5)
            },
            selectPurchase(){//查询供应商
                axios.get("/purchase/listSp",{params:{pageNum:1,pageSize:1000,name:""}}).then(res=>{
                    vm.purchase = res.data.obj.list;
                })
            },
            chex(val,e){//选择加入清单的商品,得到显示商品数组
                if ($(e.target).prop('checked')){
                    val.total = 0
                    Vue.set(vue1.Wares,val.id,val)
                    // vue1.Wares[val.id] = val
                    console.log(vue1.Wares)
                }else{
                    Vue.set(vue1.Wares,val.id,null)
                    delete vue1.Wares[val.id]
                    console.log(vue1.Wares)
                }
            },

        },
        mounted () { //这个属性就可以，在里面声明初始化时要调用的方法即可
            // we can implement any method here like
        }
    })

</script>
</body>
</html>